// index.js
// 获取应用实例
const app = getApp()


Page({
  data: {
    motto: '今天吃什么？',
    inputVal: '',
    list: [{
        id: 0,
        title: '起床',
        check: false
      },
      {
        id: 1,
        title: '刷牙',
        check: true
      },
      {
        id: 2,
        title: '洗脸',
        check: false
      },
    ],
    checkedArr: ["1"],
    infoArr: [],
  },
  // 震动
  selfShock(){
    wx.vibrateShort({
      type:'light'
    });
  },
  // 页面跳转
  toSelf(){
    console.log('搜索值：',this.data.inputVal);
    //本地存储传参，先存，目标页再取
    // 文档API里的数据缓存，在搜索框中输入完，点击跳转去self，在self.js里就可以取到data的值。
    wx.setStorage({
      key:'content',
      data:this.data.inputVal,
    });
    //1.页面跳转传参，适合纯字符串方式的传参
    wx.navigateTo({
      url:`/pages/self/self?content=${this.data.inputVal}&num=666`,
    });
  },
  // 调用电脑摄像头
  takePhoto() {
    const ctx = wx.createCameraContext()
    ctx.takePhoto({
      quality: 'high',
      success: (res) => {
        this.setData({
          src: res.tempImagePath
        })
      }
    })
  },
  error(e) {
    console.log(e.detail)
  },
  showDevice() {
    wx.getSystemInfo({
      success: res => {
        this.setData({
          infoArr: [res.brand, res.model, res.version, res.platform]
        });
        console.log('设备型号', res.model)
        console.log('设备品牌', res.brand)
        console.log(res.pixelRatio)
        console.log(res.windowWidth)
        console.log(res.windowHeight)
        console.log(res.language)
        console.log(res.version)
        console.log(res.platform)
      },
    })
  },
  // takePhoto() {
  //   wx.chooseImage({
  //     count: 1,
  //     sizeType: ['original', 'compressed'],
  //     sourceType: ['album', 'camera'],
  //     success: res => {
  //       // tempFilePath可以作为img标签的src属性显示图片
  //       const tempFilePaths = res.tempFilePaths
  //       console.log('照片信息：', tempFilePaths);
  //       this.setData({
  //         imgSrc: tempFilePaths
  //       });
  //     }
  //   })
  // },
  deleteItem() {
    //如果默认有勾选状态，先从默认数组中删除一遍
    let tmp1 = [];
    this.data.list.forEach(item => {
      //遍历原始数组，比对id，如果被勾选数组中不包含元素，就向tmp中push
      if (item.check === false) {
        tmp1.push(item);

      }
    });
    console.log(tmp1);
    this.setData({
      list: [...tmp1]
    });
    // console.log('删除时的状态：', this.data.checkedArr);
    //去复选框被选择是的数组中取对应的下标，改变显示的数组
    //声明中间变量数组
    let tmp = [];
    this.data.list.forEach(item => {
      //遍历原始数组，比对id，如果被勾选数组中不包含元素，就向tmp中push
      if (this.data.checkedArr.indexOf(item.id + '') === -1) {
        tmp.push(item);
      }
    });
    console.log('中间变量数组：', tmp);
    //为原始数组重新赋值
    this.setData({
      list: [...tmp]
    });
  },
  checkBoxChange(e) {
    //为新数组在勾选状态变化时重新赋值
    this.setData({
      checkedArr: [...e.detail.value]
    });
    console.log('复选框值变化：', this.data.checkedArr);
  },

  bindKeyInput(e) {
    console.log('输入的内容变化：', e.detail.value);
    this.setData({
      inputVal: e.detail.value
    })
  },
  add() {
    if (this.data.inputVal === '') {
      wx.showToast({
        title: '内容不能为空',
        icon: 'error',
        duration: 2000
      })
    } else {
      console.log('输入的值：', this.data.inputVal);
      let newItem = {
        id: this.data.list.length,
        title: this.data.inputVal,
        check: false,
      };
      //把list在之前基础上重新赋值
      this.setData({
        list: [...this.data.list, newItem],
        inputVal: ''
      })
    }

  },
  changeContent() {
    console.log('点击按钮');
    this.setData({
      motto: '大盘鸡'
    })
  },
})